<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-weui/1.2.1/css/jquery-weui.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-weui/0.8.3/js/jquery-weui.min.js"></script>



<!-- 组件文档 "http://old.jqweui.com/components#msg"-->
<div class="weui_msg" style="font-size: 14px">
	<div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
	<div class="weui_text_area">
		<h2 class="weui_msg_title">操作成功</h2>
		<p class="weui_msg_desc">内容详情，可根据实际需要安排</p>
	</div>
	<div class="weui_opr_area">
		<p class="weui_btn_area">
			<a href="javascript:;" class="weui_btn weui_btn_primary">确定</a>
			<a href="javascript:;" class="weui_btn weui_btn_default">取消</a>
		</p>
	</div>
	<div class="weui_extra_area">
		<a href="#">查看详情</a>
	</div>
</div>

<script type="text/javascript">
		//获取确定按钮与取消按钮
		var btnyes=$('.weui_btn_area .weui_btn_primary');
		var btnno=$('.weui_btn_area .weui_btn_default');
		//按钮事件
		btnyes.click(function(){
			//dosomething...
			console.log($(this).html());
		});
		btnno.click(function(){
			//dosomething...
			console.log($(this).html());
		});

		//查看详情
		var morebtn=$('.weui_extra_area a');
		morebtn.click(function(){
			//dosomething...
			console.log($(this).html());
		});
</script>